<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>
<body>
    <div class="container">
        hello world hello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello world
        hello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello world
        hello worldhello worldhello worldhello worldhello worldhello worldhello worldhello world
        <div class="inner"></div>
        <div class="inner"></div>
        <div class="box"></div>
    </div>
    <style>
        .container{
            border: 1px solid black;
        }

        .inner,.box{
            width: 200px;
            height: 200px;
            background-color: red;
        }

        .inner:first-child{
            float: left;
        }

        .box{
            float: left;
        }
    </style>
</body>
</html>